import { Component } from 'refast';
import logic from './logic';
import './EngTimeLine.less';

export default class ModelEngTimeLine extends Component {

  constructor(props) {
    super(props, logic);
  }

  componentWillMount() {
    this.dispatch(['timeline'], {jdgcId: this.props.jdgcId});
  }

  render() {

    return (
      <Tabs.TabPane tab="时间轴" key="0">
        <div className="col_1" style={{height:325, overflow: 'auto'}}>
          <div className="col-md-24"
               style={{marginTop:'20px',marginBottom:'-20px'}}>
            { this.state.steps.length > 0 ?
              <Steps type="title-on-top" maxDescriptionWidth="500" direction="vertical" showIcon={false}
                     current={this.state.steps.length}>{steps}</Steps>
              : <EmptyData/>
            }
          </div>
        </div>
      </Tabs.TabPane>
    );
  }
}

MyMenu.contextTypes = {
  // 监督工程ID
  jdgcId: React.PropTypes.isRequired,
  // 页签名称
  tabName: React.PropTypes.isRequired,
  // key
  key: React.PropTypes.isRequired,

};

